<template>
  <div>
    <Menu></Menu>
    <div class="address">
      <div
        class="xm-edit-addr-box"
        id="J_editAddrBox"
        style="width: 300px; top: 219px; left: 345.2px; display: block;"
      >
        <div class="bd">
          <p class="linxi">
            联系方式
            <a href>已有账号？登录</a>
          </p>
          <div class="item">
            <input
              type="text"
              name="userAddress[consignee]"
              class="input"
              placeholder="姓"
              maxlength="15"
              autocomplete="off"
            />
            <p class="tip-msg tipMsg"></p>

            <div>
              <p>大卫:(3222124545@qq.com)</p>
              <p>
                <a href>退出></a>
              </p>
            </div>
          </div>

          <div class="item">
            <label>收货人地址</label>
            <input
              type="text"
              name="userAddress[consignee]"
              class="xinginput input"
              placeholder="姓"
              maxlength="15"
              autocomplete="off"
            />
            <input
              type="text"
              name="userAddress[consignee]"
              class="xinginput input"
              placeholder="名"
              maxlength="15"
              autocomplete="off"
            />
            <p class="tip-msg tipMsg"></p>
          </div>
          <div class="item">
            <input type="text" name="userAddress[tag]" id="Tag" class="input" placeholder="详细地址" />
            <p class="tip-msg tipMsg"></p>
          </div>

          <div class="item">
            <input
              type="text"
              name="userAddress[tel]"
              class="input"
              placeholder="城市"
              autocomplete="off"
            />
            <p class="tel-modify-tip" id="telModifyTip"></p>
            <p class="tip-msg tipMsg"></p>
          </div>
          <div class="item">
            <select name="userAddress[province]" id="Provinces" class="select-1">
              <option value="0">省份/自治区</option>
            </select>
            <select name="userAddress[city]" id="Citys" class="select-2" disabled>
              <option>城市/地区/自治州</option>
            </select>
            <select name="userAddress[county]" id="Countys" class="select-3" disabled>
              <option>区/县</option>
            </select>
          </div>
          <div class="item">
            <input
              type="text"
              name="userAddress[zipcode]"
              id="Zipcode"
              class="input"
              placeholder="电话"
              autocomplete="off"
            />
            <p class="zipcode-tip" id="zipcodeTip"></p>
            <p class="tip-msg tipMsg"></p>
          </div>
        </div>
        <p>
          <a href class="back">返回</a>
          <a class="jixu">继续</a>
        </p>
      </div>
      <div class="addressL">
        <p class="addtit">商品信息</p>
        <div>
          <ul class="shopbot">
            <li class="shop1">
              <div class="shop1L">
                <img src="../assets/img/banner.png" alt />
                <div class="spnum">1</div>
              </div>
              <div class="sop1R">
                <p class="shopaname">商品名称</p>
                <p class="shopades">规格1/规格2/规格3/p>
                <p>NHPY3RPGC1MC</p>
              </div>
            </li>
            <li class="shop2">￥1.00</li>
          </ul>
          <ul class="shopbot">
            <li class="shop1">
              <div class="shop1L">
                <img src="../assets/img/banner.png" />
                <div class="spnum">1</div>
              </div>
              <div class="sop1R">
                <p class="shopaname">商品名称</p>
                <p class="shopades">规格1/规格2/规格3</p>
                <p>NHPY3RPGC1MC</p>
              </div>
            </li>
            <li class="shop2">￥1.00</li>
          </ul>
        </div>
        <div class="youhuima">
          <input type="text" value="优惠码"/>
          <input type="button" class="yhmbtn" value="使用" />
          <!-- <input type="text" value="NHPY3RPGC1MC"> -->
        </div>
        <div class="yhm">
            <input type="text" class="bm" value="NHPY3RPGC1MC" />
        </div>
        <p class="jixoaji">
          <span>小计</span>
          <span class="xjmoney">$10</span>
        </p>
        <p class="jixoaji">
          <span>运费</span>
          <span class="xjmoney">下一步计算</span>
        </p>
        <p class="zongji">
          <span>总计</span>
          <span class="xjmoney">$10</span>
        </p>
      </div>
    </div>
  </div>
</template>

<script>
import Menu from "./Menu";
export default {
  components: { Menu },
  methods: {}
};
</script>

<style lang="less" scoped>
@media screen and (max-width: 1024px) {
  @import url(../assets/css/mobile_productstyle.less);
}
  @media screen and (min-width: 1024px) {
  @import url(../assets/css/pc_productstyle.less);
}
</style>>